<script setup>
import { useRouter } from "vue-router"
import PopUp from "@/components/Tool/PopUp.vue"
import BegPage from "@/components/About/Contact&Beg.vue"

import { reactive } from "vue"
let router = useRouter()

let isShow = reactive({ value: false })

</script>

<template>
  <!-- 公告栏 -->
  <div class="model note">
    <div class="tittle">公告</div>
    <div class="lanitems">
      <div>
        <a href='https://gitee.com/bit-01/MyLog' target="_black">
          <img src='https://gitee.com/bit-01/MyLog/badge/star.svg?theme=dark' alt='star' />
        </a>
      </div>
      <div><span @click="router.push('/about')">关于本站</span></div>
      <div>
        <span @click="router.push('/user?name=Sybit')">更新公告</span>
      </div>
      <div>
        <span @click="isShow.value = true">联系&资助</span>
      </div>
    </div>

  </div>

  <PopUp :isShow="isShow" :isExitClickMask="true">
    <div class="window model">
      <BegPage />
    </div>
  </PopUp>
</template>

<style scoped>
/* 公告 */
.note {
  text-align: center;
}

/* 栏目标题 */
.tittle {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 15px;
}

/* 用于子元素全是单行div， */
.lanitems>div {
  margin-top: 5px;

  /* 超出省略号（单行） */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}



.window {
  padding: 0px;
  /* width: 700px; */
  /* height: 500px; */
}
</style>